(function (o, M) {
  typeof exports == 'object' && typeof module < 'u'
    ? (module.exports = M(require('vue')))
    : typeof define == 'function' && define.amd
      ? define(['vue'], M)
      : ((o = typeof globalThis < 'u' ? globalThis : o || self),
        (o.TestButton = M(o.Vue)));
})(this, function (o) {
  'use strict';
  const M = Symbol(),
    H = 'el',
    ct = 'is-',
    _ = (t, r, e, n, a) => {
      let i = `${t}-${r}`;
      return e && (i += `-${e}`), n && (i += `__${n}`), a && (i += `--${a}`), i;
    },
    ft = Symbol('namespaceContextKey'),
    lt = (t) => {
      const r = o.getCurrentInstance() ? o.inject(ft, o.ref(H)) : o.ref(H);
      return o.computed(() => o.unref(r) || H);
    },
    N = (t, r) => {
      const e = lt();
      return {
        namespace: e,
        b: (c = '') => _(e.value, t, c, '', ''),
        e: (c) => (c ? _(e.value, t, '', c, '') : ''),
        m: (c) => (c ? _(e.value, t, '', '', c) : ''),
        be: (c, l) => (c && l ? _(e.value, t, c, l, '') : ''),
        em: (c, l) => (c && l ? _(e.value, t, '', c, l) : ''),
        bm: (c, l) => (c && l ? _(e.value, t, c, '', l) : ''),
        bem: (c, l, b) => (c && l && b ? _(e.value, t, c, l, b) : ''),
        is: (c, ...l) => {
          const b = l.length >= 1 ? l[0] : !0;
          return c && b ? `${ct}${c}` : '';
        },
        cssVar: (c) => {
          const l = {};
          for (const b in c) c[b] && (l[`--${e.value}-${b}`] = c[b]);
          return l;
        },
        cssVarName: (c) => `--${e.value}-${c}`,
        cssVarBlock: (c) => {
          const l = {};
          for (const b in c) c[b] && (l[`--${e.value}-${t}-${b}`] = c[b]);
          return l;
        },
        cssVarBlockName: (c) => `--${e.value}-${t}-${c}`,
      };
    };
  /**
   * @vue/shared v3.5.13
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/ process.env.NODE_ENV !== 'production' && Object.freeze({}),
    process.env.NODE_ENV !== 'production' && Object.freeze([]);
  const ut = () => {},
    dt = Object.prototype.hasOwnProperty,
    G = (t, r) => dt.call(t, r),
    I = (t) => typeof t == 'string',
    D = (t) => t !== null && typeof t == 'object';
  function ht(t) {
    for (var r = -1, e = t == null ? 0 : t.length, n = {}; ++r < e; ) {
      var a = t[r];
      n[a[0]] = a[1];
    }
    return n;
  }
  const pt = (t) => t === void 0,
    gt = (t) => typeof t == 'number',
    bt = (t) => (I(t) ? !Number.isNaN(Number(t)) : !1);
  class mt extends Error {
    constructor(r) {
      super(r), (this.name = 'ElementPlusError');
    }
  }
  function K(t, r) {
    if (process.env.NODE_ENV !== 'production') {
      const e = I(t) ? new mt(`[${t}] ${r}`) : t;
      console.warn(e);
    }
  }
  const L = '__epPropKey',
    R = (t) => t,
    vt = (t) => D(t) && !!t[L],
    q = (t, r) => {
      if (!D(t) || vt(t)) return t;
      const { values: e, required: n, default: a, type: i, validator: s } = t,
        u = {
          type: i,
          required: !!n,
          validator:
            e || s
              ? (g) => {
                  let p = !1,
                    v = [];
                  if (
                    (e &&
                      ((v = Array.from(e)),
                      G(t, 'default') && v.push(a),
                      p || (p = v.includes(g))),
                    s && (p || (p = s(g))),
                    !p && v.length > 0)
                  ) {
                    const B = [...new Set(v)]
                      .map(($) => JSON.stringify($))
                      .join(', ');
                    o.warn(
                      `Invalid prop: validation failed${r ? ` for prop "${r}"` : ''}. Expected one of [${B}], got value ${JSON.stringify(g)}.`,
                    );
                  }
                  return p;
                }
              : void 0,
          [L]: !0,
        };
      return G(t, 'default') && (u.default = a), u;
    },
    U = (t) => ht(Object.entries(t).map(([r, e]) => [r, q(e, r)])),
    yt = q({
      type: String,
      values: ['', 'default', 'small', 'large'],
      required: !1,
    }),
    kt = Symbol('size'),
    St = () => {
      const t = o.inject(kt, {});
      return o.computed(() => o.unref(t.size) || '');
    },
    W = o.ref();
  function xt(t, r = void 0) {
    const e = o.getCurrentInstance() ? o.inject(M, W) : W;
    return o.computed(() => {
      var n, a;
      return (a = (n = e.value) == null ? void 0 : n[t]) != null ? a : r;
    });
  }
  var P = (t, r) => {
    const e = t.__vccOpts || t;
    for (const [n, a] of r) e[n] = a;
    return e;
  };
  const _t = 'utils/dom/style';
  function wt(t, r = 'px') {
    if (!t) return '';
    if (gt(t) || bt(t)) return `${t}${r}`;
    if (I(t)) return t;
    K(_t, 'binding value must be a string or number');
  }
  const J = (t, r) => {
      if (
        ((t.install = (e) => {
          for (const n of [t, ...Object.values(r ?? {})])
            e.component(n.name, n);
        }),
        r)
      )
        for (const [e, n] of Object.entries(r)) t[e] = n;
      return t;
    },
    Bt = (t) => ((t.install = ut), t),
    Mt = U({ size: { type: R([Number, String]) }, color: { type: String } }),
    $t = o.defineComponent({ name: 'ElIcon', inheritAttrs: !1 }),
    Nt = o.defineComponent({
      ...$t,
      props: Mt,
      setup(t) {
        const r = t,
          e = N('icon'),
          n = o.computed(() => {
            const { size: a, color: i } = r;
            return !a && !i
              ? {}
              : { fontSize: pt(a) ? void 0 : wt(a), '--color': i };
          });
        return (a, i) => (
          o.openBlock(),
          o.createElementBlock(
            'i',
            o.mergeProps(
              { class: o.unref(e).b(), style: o.unref(n) },
              a.$attrs,
            ),
            [o.renderSlot(a.$slots, 'default')],
            16,
          )
        );
      },
    });
  var Ct = P(Nt, [['__file', 'icon.vue']]);
  const Z = J(Ct);
  /*! Element Plus Icons Vue v2.3.1 */ var At = o.defineComponent({
      name: 'Loading',
      __name: 'loading',
      setup(t) {
        return (r, e) => (
          o.openBlock(),
          o.createElementBlock(
            'svg',
            { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 1024 1024' },
            [
              o.createElementVNode('path', {
                fill: 'currentColor',
                d: 'M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z',
              }),
            ],
          )
        );
      },
    }),
    Et = At;
  const Y = R([String, Object, Function]),
    T = Symbol('formContextKey'),
    Q = Symbol('formItemContextKey'),
    Ht = () => {
      const t = o.inject(T, void 0),
        r = o.inject(Q, void 0);
      return { form: t, formItem: r };
    },
    X = (t) => {
      const r = o.getCurrentInstance();
      return o.computed(() => {
        var e, n;
        return (n =
          (e = r == null ? void 0 : r.proxy) == null ? void 0 : e.$props) ==
          null
          ? void 0
          : n[t];
      });
    },
    It = (t, r = {}) => {
      const e = o.ref(void 0),
        n = r.prop ? e : X('size'),
        a = r.global ? e : St(),
        i = r.form ? { size: void 0 } : o.inject(T, void 0),
        s = r.formItem ? { size: void 0 } : o.inject(Q, void 0);
      return o.computed(
        () =>
          n.value ||
          o.unref(t) ||
          (s == null ? void 0 : s.size) ||
          (i == null ? void 0 : i.size) ||
          a.value ||
          '',
      );
    },
    tt = (t) => {
      const r = X('disabled'),
        e = o.inject(T, void 0);
      return o.computed(
        () => r.value || o.unref(t) || (e == null ? void 0 : e.disabled) || !1,
      );
    },
    et = Symbol('buttonGroupContextKey'),
    Rt = (
      {
        from: t,
        replacement: r,
        scope: e,
        version: n,
        ref: a,
        type: i = 'API',
      },
      s,
    ) => {
      o.watch(
        () => o.unref(s),
        (f) => {
          f &&
            K(
              e,
              `[${i}] ${t} is about to be deprecated in version ${n}, please use ${r} instead.
For more detail, please visit: ${a}
`,
            );
        },
        { immediate: !0 },
      );
    },
    Pt = (t, r) => {
      Rt(
        {
          from: 'type.text',
          replacement: 'link',
          version: '3.0.0',
          scope: 'props',
          ref: 'https://element-plus.org/en-US/component/button.html#button-attributes',
        },
        o.computed(() => t.type === 'text'),
      );
      const e = o.inject(et, void 0),
        n = xt('button'),
        { form: a } = Ht(),
        i = It(o.computed(() => (e == null ? void 0 : e.size))),
        s = tt(),
        f = o.ref(),
        u = o.useSlots(),
        g = o.computed(() => t.type || (e == null ? void 0 : e.type) || ''),
        p = o.computed(() => {
          var d, c, l;
          return (l =
            (c = t.autoInsertSpace) != null
              ? c
              : (d = n.value) == null
                ? void 0
                : d.autoInsertSpace) != null
            ? l
            : !1;
        }),
        v = o.computed(() =>
          t.tag === 'button'
            ? {
                ariaDisabled: s.value || t.loading,
                disabled: s.value || t.loading,
                autofocus: t.autofocus,
                type: t.nativeType,
              }
            : {},
        ),
        B = o.computed(() => {
          var d;
          const c = (d = u.default) == null ? void 0 : d.call(u);
          if (p.value && (c == null ? void 0 : c.length) === 1) {
            const l = c[0];
            if ((l == null ? void 0 : l.type) === o.Text) {
              const b = l.children;
              return new RegExp('^\\p{Unified_Ideograph}{2}$', 'u').test(
                b.trim(),
              );
            }
          }
          return !1;
        });
      return {
        _disabled: s,
        _size: i,
        _type: g,
        _ref: f,
        _props: v,
        shouldAddSpace: B,
        handleClick: (d) => {
          if (s.value || t.loading) {
            d.stopPropagation();
            return;
          }
          t.nativeType === 'reset' && (a == null || a.resetFields()),
            r('click', d);
        },
      };
    },
    V = U({
      size: yt,
      disabled: Boolean,
      type: {
        type: String,
        values: [
          'default',
          'primary',
          'success',
          'warning',
          'info',
          'danger',
          'text',
          '',
        ],
        default: '',
      },
      icon: { type: Y },
      nativeType: {
        type: String,
        values: ['button', 'submit', 'reset'],
        default: 'button',
      },
      loading: Boolean,
      loadingIcon: { type: Y, default: () => Et },
      plain: Boolean,
      text: Boolean,
      link: Boolean,
      bg: Boolean,
      autofocus: Boolean,
      round: Boolean,
      circle: Boolean,
      color: String,
      dark: Boolean,
      autoInsertSpace: { type: Boolean, default: void 0 },
      tag: { type: R([String, Object]), default: 'button' },
    }),
    Tt = { click: (t) => t instanceof MouseEvent };
  function h(t, r) {
    Vt(t) && (t = '100%');
    var e = zt(t);
    return (
      (t = r === 360 ? t : Math.min(r, Math.max(0, parseFloat(t)))),
      e && (t = parseInt(String(t * r), 10) / 100),
      Math.abs(t - r) < 1e-6
        ? 1
        : (r === 360
            ? (t = (t < 0 ? (t % r) + r : t % r) / parseFloat(String(r)))
            : (t = (t % r) / parseFloat(String(r))),
          t)
    );
  }
  function C(t) {
    return Math.min(1, Math.max(0, t));
  }
  function Vt(t) {
    return typeof t == 'string' && t.indexOf('.') !== -1 && parseFloat(t) === 1;
  }
  function zt(t) {
    return typeof t == 'string' && t.indexOf('%') !== -1;
  }
  function rt(t) {
    return (t = parseFloat(t)), (isNaN(t) || t < 0 || t > 1) && (t = 1), t;
  }
  function A(t) {
    return t <= 1 ? ''.concat(Number(t) * 100, '%') : t;
  }
  function w(t) {
    return t.length === 1 ? '0' + t : String(t);
  }
  function Ot(t, r, e) {
    return { r: h(t, 255) * 255, g: h(r, 255) * 255, b: h(e, 255) * 255 };
  }
  function nt(t, r, e) {
    (t = h(t, 255)), (r = h(r, 255)), (e = h(e, 255));
    var n = Math.max(t, r, e),
      a = Math.min(t, r, e),
      i = 0,
      s = 0,
      f = (n + a) / 2;
    if (n === a) (s = 0), (i = 0);
    else {
      var u = n - a;
      switch (((s = f > 0.5 ? u / (2 - n - a) : u / (n + a)), n)) {
        case t:
          i = (r - e) / u + (r < e ? 6 : 0);
          break;
        case r:
          i = (e - t) / u + 2;
          break;
        case e:
          i = (t - r) / u + 4;
          break;
      }
      i /= 6;
    }
    return { h: i, s, l: f };
  }
  function z(t, r, e) {
    return (
      e < 0 && (e += 1),
      e > 1 && (e -= 1),
      e < 1 / 6
        ? t + (r - t) * (6 * e)
        : e < 1 / 2
          ? r
          : e < 2 / 3
            ? t + (r - t) * (2 / 3 - e) * 6
            : t
    );
  }
  function Ft(t, r, e) {
    var n, a, i;
    if (((t = h(t, 360)), (r = h(r, 100)), (e = h(e, 100)), r === 0))
      (a = e), (i = e), (n = e);
    else {
      var s = e < 0.5 ? e * (1 + r) : e + r - e * r,
        f = 2 * e - s;
      (n = z(f, s, t + 1 / 3)), (a = z(f, s, t)), (i = z(f, s, t - 1 / 3));
    }
    return { r: n * 255, g: a * 255, b: i * 255 };
  }
  function ot(t, r, e) {
    (t = h(t, 255)), (r = h(r, 255)), (e = h(e, 255));
    var n = Math.max(t, r, e),
      a = Math.min(t, r, e),
      i = 0,
      s = n,
      f = n - a,
      u = n === 0 ? 0 : f / n;
    if (n === a) i = 0;
    else {
      switch (n) {
        case t:
          i = (r - e) / f + (r < e ? 6 : 0);
          break;
        case r:
          i = (e - t) / f + 2;
          break;
        case e:
          i = (t - r) / f + 4;
          break;
      }
      i /= 6;
    }
    return { h: i, s: u, v: s };
  }
  function jt(t, r, e) {
    (t = h(t, 360) * 6), (r = h(r, 100)), (e = h(e, 100));
    var n = Math.floor(t),
      a = t - n,
      i = e * (1 - r),
      s = e * (1 - a * r),
      f = e * (1 - (1 - a) * r),
      u = n % 6,
      g = [e, s, i, i, f, e][u],
      p = [f, e, e, s, i, i][u],
      v = [i, i, f, e, e, s][u];
    return { r: g * 255, g: p * 255, b: v * 255 };
  }
  function at(t, r, e, n) {
    var a = [
      w(Math.round(t).toString(16)),
      w(Math.round(r).toString(16)),
      w(Math.round(e).toString(16)),
    ];
    return n &&
      a[0].startsWith(a[0].charAt(1)) &&
      a[1].startsWith(a[1].charAt(1)) &&
      a[2].startsWith(a[2].charAt(1))
      ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0)
      : a.join('');
  }
  function Gt(t, r, e, n, a) {
    var i = [
      w(Math.round(t).toString(16)),
      w(Math.round(r).toString(16)),
      w(Math.round(e).toString(16)),
      w(Dt(n)),
    ];
    return a &&
      i[0].startsWith(i[0].charAt(1)) &&
      i[1].startsWith(i[1].charAt(1)) &&
      i[2].startsWith(i[2].charAt(1)) &&
      i[3].startsWith(i[3].charAt(1))
      ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0)
      : i.join('');
  }
  function Dt(t) {
    return Math.round(parseFloat(t) * 255).toString(16);
  }
  function it(t) {
    return m(t) / 255;
  }
  function m(t) {
    return parseInt(t, 16);
  }
  function Kt(t) {
    return { r: t >> 16, g: (t & 65280) >> 8, b: t & 255 };
  }
  var O = {
    aliceblue: '#f0f8ff',
    antiquewhite: '#faebd7',
    aqua: '#00ffff',
    aquamarine: '#7fffd4',
    azure: '#f0ffff',
    beige: '#f5f5dc',
    bisque: '#ffe4c4',
    black: '#000000',
    blanchedalmond: '#ffebcd',
    blue: '#0000ff',
    blueviolet: '#8a2be2',
    brown: '#a52a2a',
    burlywood: '#deb887',
    cadetblue: '#5f9ea0',
    chartreuse: '#7fff00',
    chocolate: '#d2691e',
    coral: '#ff7f50',
    cornflowerblue: '#6495ed',
    cornsilk: '#fff8dc',
    crimson: '#dc143c',
    cyan: '#00ffff',
    darkblue: '#00008b',
    darkcyan: '#008b8b',
    darkgoldenrod: '#b8860b',
    darkgray: '#a9a9a9',
    darkgreen: '#006400',
    darkgrey: '#a9a9a9',
    darkkhaki: '#bdb76b',
    darkmagenta: '#8b008b',
    darkolivegreen: '#556b2f',
    darkorange: '#ff8c00',
    darkorchid: '#9932cc',
    darkred: '#8b0000',
    darksalmon: '#e9967a',
    darkseagreen: '#8fbc8f',
    darkslateblue: '#483d8b',
    darkslategray: '#2f4f4f',
    darkslategrey: '#2f4f4f',
    darkturquoise: '#00ced1',
    darkviolet: '#9400d3',
    deeppink: '#ff1493',
    deepskyblue: '#00bfff',
    dimgray: '#696969',
    dimgrey: '#696969',
    dodgerblue: '#1e90ff',
    firebrick: '#b22222',
    floralwhite: '#fffaf0',
    forestgreen: '#228b22',
    fuchsia: '#ff00ff',
    gainsboro: '#dcdcdc',
    ghostwhite: '#f8f8ff',
    goldenrod: '#daa520',
    gold: '#ffd700',
    gray: '#808080',
    green: '#008000',
    greenyellow: '#adff2f',
    grey: '#808080',
    honeydew: '#f0fff0',
    hotpink: '#ff69b4',
    indianred: '#cd5c5c',
    indigo: '#4b0082',
    ivory: '#fffff0',
    khaki: '#f0e68c',
    lavenderblush: '#fff0f5',
    lavender: '#e6e6fa',
    lawngreen: '#7cfc00',
    lemonchiffon: '#fffacd',
    lightblue: '#add8e6',
    lightcoral: '#f08080',
    lightcyan: '#e0ffff',
    lightgoldenrodyellow: '#fafad2',
    lightgray: '#d3d3d3',
    lightgreen: '#90ee90',
    lightgrey: '#d3d3d3',
    lightpink: '#ffb6c1',
    lightsalmon: '#ffa07a',
    lightseagreen: '#20b2aa',
    lightskyblue: '#87cefa',
    lightslategray: '#778899',
    lightslategrey: '#778899',
    lightsteelblue: '#b0c4de',
    lightyellow: '#ffffe0',
    lime: '#00ff00',
    limegreen: '#32cd32',
    linen: '#faf0e6',
    magenta: '#ff00ff',
    maroon: '#800000',
    mediumaquamarine: '#66cdaa',
    mediumblue: '#0000cd',
    mediumorchid: '#ba55d3',
    mediumpurple: '#9370db',
    mediumseagreen: '#3cb371',
    mediumslateblue: '#7b68ee',
    mediumspringgreen: '#00fa9a',
    mediumturquoise: '#48d1cc',
    mediumvioletred: '#c71585',
    midnightblue: '#191970',
    mintcream: '#f5fffa',
    mistyrose: '#ffe4e1',
    moccasin: '#ffe4b5',
    navajowhite: '#ffdead',
    navy: '#000080',
    oldlace: '#fdf5e6',
    olive: '#808000',
    olivedrab: '#6b8e23',
    orange: '#ffa500',
    orangered: '#ff4500',
    orchid: '#da70d6',
    palegoldenrod: '#eee8aa',
    palegreen: '#98fb98',
    paleturquoise: '#afeeee',
    palevioletred: '#db7093',
    papayawhip: '#ffefd5',
    peachpuff: '#ffdab9',
    peru: '#cd853f',
    pink: '#ffc0cb',
    plum: '#dda0dd',
    powderblue: '#b0e0e6',
    purple: '#800080',
    rebeccapurple: '#663399',
    red: '#ff0000',
    rosybrown: '#bc8f8f',
    royalblue: '#4169e1',
    saddlebrown: '#8b4513',
    salmon: '#fa8072',
    sandybrown: '#f4a460',
    seagreen: '#2e8b57',
    seashell: '#fff5ee',
    sienna: '#a0522d',
    silver: '#c0c0c0',
    skyblue: '#87ceeb',
    slateblue: '#6a5acd',
    slategray: '#708090',
    slategrey: '#708090',
    snow: '#fffafa',
    springgreen: '#00ff7f',
    steelblue: '#4682b4',
    tan: '#d2b48c',
    teal: '#008080',
    thistle: '#d8bfd8',
    tomato: '#ff6347',
    turquoise: '#40e0d0',
    violet: '#ee82ee',
    wheat: '#f5deb3',
    white: '#ffffff',
    whitesmoke: '#f5f5f5',
    yellow: '#ffff00',
    yellowgreen: '#9acd32',
  };
  function Lt(t) {
    var r = { r: 0, g: 0, b: 0 },
      e = 1,
      n = null,
      a = null,
      i = null,
      s = !1,
      f = !1;
    return (
      typeof t == 'string' && (t = Wt(t)),
      typeof t == 'object' &&
        (k(t.r) && k(t.g) && k(t.b)
          ? ((r = Ot(t.r, t.g, t.b)),
            (s = !0),
            (f = String(t.r).substr(-1) === '%' ? 'prgb' : 'rgb'))
          : k(t.h) && k(t.s) && k(t.v)
            ? ((n = A(t.s)),
              (a = A(t.v)),
              (r = jt(t.h, n, a)),
              (s = !0),
              (f = 'hsv'))
            : k(t.h) &&
              k(t.s) &&
              k(t.l) &&
              ((n = A(t.s)),
              (i = A(t.l)),
              (r = Ft(t.h, n, i)),
              (s = !0),
              (f = 'hsl')),
        Object.prototype.hasOwnProperty.call(t, 'a') && (e = t.a)),
      (e = rt(e)),
      {
        ok: s,
        format: t.format || f,
        r: Math.min(255, Math.max(r.r, 0)),
        g: Math.min(255, Math.max(r.g, 0)),
        b: Math.min(255, Math.max(r.b, 0)),
        a: e,
      }
    );
  }
  var qt = '[-\\+]?\\d+%?',
    Ut = '[-\\+]?\\d*\\.\\d+%?',
    S = '(?:'.concat(Ut, ')|(?:').concat(qt, ')'),
    F = '[\\s|\\(]+('
      .concat(S, ')[,|\\s]+(')
      .concat(S, ')[,|\\s]+(')
      .concat(S, ')\\s*\\)?'),
    j = '[\\s|\\(]+('
      .concat(S, ')[,|\\s]+(')
      .concat(S, ')[,|\\s]+(')
      .concat(S, ')[,|\\s]+(')
      .concat(S, ')\\s*\\)?'),
    y = {
      CSS_UNIT: new RegExp(S),
      rgb: new RegExp('rgb' + F),
      rgba: new RegExp('rgba' + j),
      hsl: new RegExp('hsl' + F),
      hsla: new RegExp('hsla' + j),
      hsv: new RegExp('hsv' + F),
      hsva: new RegExp('hsva' + j),
      hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
      hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
      hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
      hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
    };
  function Wt(t) {
    if (((t = t.trim().toLowerCase()), t.length === 0)) return !1;
    var r = !1;
    if (O[t]) (t = O[t]), (r = !0);
    else if (t === 'transparent')
      return { r: 0, g: 0, b: 0, a: 0, format: 'name' };
    var e = y.rgb.exec(t);
    return e
      ? { r: e[1], g: e[2], b: e[3] }
      : ((e = y.rgba.exec(t)),
        e
          ? { r: e[1], g: e[2], b: e[3], a: e[4] }
          : ((e = y.hsl.exec(t)),
            e
              ? { h: e[1], s: e[2], l: e[3] }
              : ((e = y.hsla.exec(t)),
                e
                  ? { h: e[1], s: e[2], l: e[3], a: e[4] }
                  : ((e = y.hsv.exec(t)),
                    e
                      ? { h: e[1], s: e[2], v: e[3] }
                      : ((e = y.hsva.exec(t)),
                        e
                          ? { h: e[1], s: e[2], v: e[3], a: e[4] }
                          : ((e = y.hex8.exec(t)),
                            e
                              ? {
                                  r: m(e[1]),
                                  g: m(e[2]),
                                  b: m(e[3]),
                                  a: it(e[4]),
                                  format: r ? 'name' : 'hex8',
                                }
                              : ((e = y.hex6.exec(t)),
                                e
                                  ? {
                                      r: m(e[1]),
                                      g: m(e[2]),
                                      b: m(e[3]),
                                      format: r ? 'name' : 'hex',
                                    }
                                  : ((e = y.hex4.exec(t)),
                                    e
                                      ? {
                                          r: m(e[1] + e[1]),
                                          g: m(e[2] + e[2]),
                                          b: m(e[3] + e[3]),
                                          a: it(e[4] + e[4]),
                                          format: r ? 'name' : 'hex8',
                                        }
                                      : ((e = y.hex3.exec(t)),
                                        e
                                          ? {
                                              r: m(e[1] + e[1]),
                                              g: m(e[2] + e[2]),
                                              b: m(e[3] + e[3]),
                                              format: r ? 'name' : 'hex',
                                            }
                                          : !1)))))))));
  }
  function k(t) {
    return !!y.CSS_UNIT.exec(String(t));
  }
  var Jt = (function () {
    function t(r, e) {
      r === void 0 && (r = ''), e === void 0 && (e = {});
      var n;
      if (r instanceof t) return r;
      typeof r == 'number' && (r = Kt(r)), (this.originalInput = r);
      var a = Lt(r);
      (this.originalInput = r),
        (this.r = a.r),
        (this.g = a.g),
        (this.b = a.b),
        (this.a = a.a),
        (this.roundA = Math.round(100 * this.a) / 100),
        (this.format = (n = e.format) !== null && n !== void 0 ? n : a.format),
        (this.gradientType = e.gradientType),
        this.r < 1 && (this.r = Math.round(this.r)),
        this.g < 1 && (this.g = Math.round(this.g)),
        this.b < 1 && (this.b = Math.round(this.b)),
        (this.isValid = a.ok);
    }
    return (
      (t.prototype.isDark = function () {
        return this.getBrightness() < 128;
      }),
      (t.prototype.isLight = function () {
        return !this.isDark();
      }),
      (t.prototype.getBrightness = function () {
        var r = this.toRgb();
        return (r.r * 299 + r.g * 587 + r.b * 114) / 1e3;
      }),
      (t.prototype.getLuminance = function () {
        var r = this.toRgb(),
          e,
          n,
          a,
          i = r.r / 255,
          s = r.g / 255,
          f = r.b / 255;
        return (
          i <= 0.03928
            ? (e = i / 12.92)
            : (e = Math.pow((i + 0.055) / 1.055, 2.4)),
          s <= 0.03928
            ? (n = s / 12.92)
            : (n = Math.pow((s + 0.055) / 1.055, 2.4)),
          f <= 0.03928
            ? (a = f / 12.92)
            : (a = Math.pow((f + 0.055) / 1.055, 2.4)),
          0.2126 * e + 0.7152 * n + 0.0722 * a
        );
      }),
      (t.prototype.getAlpha = function () {
        return this.a;
      }),
      (t.prototype.setAlpha = function (r) {
        return (
          (this.a = rt(r)), (this.roundA = Math.round(100 * this.a) / 100), this
        );
      }),
      (t.prototype.isMonochrome = function () {
        var r = this.toHsl().s;
        return r === 0;
      }),
      (t.prototype.toHsv = function () {
        var r = ot(this.r, this.g, this.b);
        return { h: r.h * 360, s: r.s, v: r.v, a: this.a };
      }),
      (t.prototype.toHsvString = function () {
        var r = ot(this.r, this.g, this.b),
          e = Math.round(r.h * 360),
          n = Math.round(r.s * 100),
          a = Math.round(r.v * 100);
        return this.a === 1
          ? 'hsv('.concat(e, ', ').concat(n, '%, ').concat(a, '%)')
          : 'hsva('
              .concat(e, ', ')
              .concat(n, '%, ')
              .concat(a, '%, ')
              .concat(this.roundA, ')');
      }),
      (t.prototype.toHsl = function () {
        var r = nt(this.r, this.g, this.b);
        return { h: r.h * 360, s: r.s, l: r.l, a: this.a };
      }),
      (t.prototype.toHslString = function () {
        var r = nt(this.r, this.g, this.b),
          e = Math.round(r.h * 360),
          n = Math.round(r.s * 100),
          a = Math.round(r.l * 100);
        return this.a === 1
          ? 'hsl('.concat(e, ', ').concat(n, '%, ').concat(a, '%)')
          : 'hsla('
              .concat(e, ', ')
              .concat(n, '%, ')
              .concat(a, '%, ')
              .concat(this.roundA, ')');
      }),
      (t.prototype.toHex = function (r) {
        return r === void 0 && (r = !1), at(this.r, this.g, this.b, r);
      }),
      (t.prototype.toHexString = function (r) {
        return r === void 0 && (r = !1), '#' + this.toHex(r);
      }),
      (t.prototype.toHex8 = function (r) {
        return r === void 0 && (r = !1), Gt(this.r, this.g, this.b, this.a, r);
      }),
      (t.prototype.toHex8String = function (r) {
        return r === void 0 && (r = !1), '#' + this.toHex8(r);
      }),
      (t.prototype.toHexShortString = function (r) {
        return (
          r === void 0 && (r = !1),
          this.a === 1 ? this.toHexString(r) : this.toHex8String(r)
        );
      }),
      (t.prototype.toRgb = function () {
        return {
          r: Math.round(this.r),
          g: Math.round(this.g),
          b: Math.round(this.b),
          a: this.a,
        };
      }),
      (t.prototype.toRgbString = function () {
        var r = Math.round(this.r),
          e = Math.round(this.g),
          n = Math.round(this.b);
        return this.a === 1
          ? 'rgb('.concat(r, ', ').concat(e, ', ').concat(n, ')')
          : 'rgba('
              .concat(r, ', ')
              .concat(e, ', ')
              .concat(n, ', ')
              .concat(this.roundA, ')');
      }),
      (t.prototype.toPercentageRgb = function () {
        var r = function (e) {
          return ''.concat(Math.round(h(e, 255) * 100), '%');
        };
        return { r: r(this.r), g: r(this.g), b: r(this.b), a: this.a };
      }),
      (t.prototype.toPercentageRgbString = function () {
        var r = function (e) {
          return Math.round(h(e, 255) * 100);
        };
        return this.a === 1
          ? 'rgb('
              .concat(r(this.r), '%, ')
              .concat(r(this.g), '%, ')
              .concat(r(this.b), '%)')
          : 'rgba('
              .concat(r(this.r), '%, ')
              .concat(r(this.g), '%, ')
              .concat(r(this.b), '%, ')
              .concat(this.roundA, ')');
      }),
      (t.prototype.toName = function () {
        if (this.a === 0) return 'transparent';
        if (this.a < 1) return !1;
        for (
          var r = '#' + at(this.r, this.g, this.b, !1),
            e = 0,
            n = Object.entries(O);
          e < n.length;
          e++
        ) {
          var a = n[e],
            i = a[0],
            s = a[1];
          if (r === s) return i;
        }
        return !1;
      }),
      (t.prototype.toString = function (r) {
        var e = !!r;
        r = r ?? this.format;
        var n = !1,
          a = this.a < 1 && this.a >= 0,
          i = !e && a && (r.startsWith('hex') || r === 'name');
        return i
          ? r === 'name' && this.a === 0
            ? this.toName()
            : this.toRgbString()
          : (r === 'rgb' && (n = this.toRgbString()),
            r === 'prgb' && (n = this.toPercentageRgbString()),
            (r === 'hex' || r === 'hex6') && (n = this.toHexString()),
            r === 'hex3' && (n = this.toHexString(!0)),
            r === 'hex4' && (n = this.toHex8String(!0)),
            r === 'hex8' && (n = this.toHex8String()),
            r === 'name' && (n = this.toName()),
            r === 'hsl' && (n = this.toHslString()),
            r === 'hsv' && (n = this.toHsvString()),
            n || this.toHexString());
      }),
      (t.prototype.toNumber = function () {
        return (
          (Math.round(this.r) << 16) +
          (Math.round(this.g) << 8) +
          Math.round(this.b)
        );
      }),
      (t.prototype.clone = function () {
        return new t(this.toString());
      }),
      (t.prototype.lighten = function (r) {
        r === void 0 && (r = 10);
        var e = this.toHsl();
        return (e.l += r / 100), (e.l = C(e.l)), new t(e);
      }),
      (t.prototype.brighten = function (r) {
        r === void 0 && (r = 10);
        var e = this.toRgb();
        return (
          (e.r = Math.max(
            0,
            Math.min(255, e.r - Math.round(255 * -(r / 100))),
          )),
          (e.g = Math.max(
            0,
            Math.min(255, e.g - Math.round(255 * -(r / 100))),
          )),
          (e.b = Math.max(
            0,
            Math.min(255, e.b - Math.round(255 * -(r / 100))),
          )),
          new t(e)
        );
      }),
      (t.prototype.darken = function (r) {
        r === void 0 && (r = 10);
        var e = this.toHsl();
        return (e.l -= r / 100), (e.l = C(e.l)), new t(e);
      }),
      (t.prototype.tint = function (r) {
        return r === void 0 && (r = 10), this.mix('white', r);
      }),
      (t.prototype.shade = function (r) {
        return r === void 0 && (r = 10), this.mix('black', r);
      }),
      (t.prototype.desaturate = function (r) {
        r === void 0 && (r = 10);
        var e = this.toHsl();
        return (e.s -= r / 100), (e.s = C(e.s)), new t(e);
      }),
      (t.prototype.saturate = function (r) {
        r === void 0 && (r = 10);
        var e = this.toHsl();
        return (e.s += r / 100), (e.s = C(e.s)), new t(e);
      }),
      (t.prototype.greyscale = function () {
        return this.desaturate(100);
      }),
      (t.prototype.spin = function (r) {
        var e = this.toHsl(),
          n = (e.h + r) % 360;
        return (e.h = n < 0 ? 360 + n : n), new t(e);
      }),
      (t.prototype.mix = function (r, e) {
        e === void 0 && (e = 50);
        var n = this.toRgb(),
          a = new t(r).toRgb(),
          i = e / 100,
          s = {
            r: (a.r - n.r) * i + n.r,
            g: (a.g - n.g) * i + n.g,
            b: (a.b - n.b) * i + n.b,
            a: (a.a - n.a) * i + n.a,
          };
        return new t(s);
      }),
      (t.prototype.analogous = function (r, e) {
        r === void 0 && (r = 6), e === void 0 && (e = 30);
        var n = this.toHsl(),
          a = 360 / e,
          i = [this];
        for (n.h = (n.h - ((a * r) >> 1) + 720) % 360; --r; )
          (n.h = (n.h + a) % 360), i.push(new t(n));
        return i;
      }),
      (t.prototype.complement = function () {
        var r = this.toHsl();
        return (r.h = (r.h + 180) % 360), new t(r);
      }),
      (t.prototype.monochromatic = function (r) {
        r === void 0 && (r = 6);
        for (
          var e = this.toHsv(), n = e.h, a = e.s, i = e.v, s = [], f = 1 / r;
          r--;

        )
          s.push(new t({ h: n, s: a, v: i })), (i = (i + f) % 1);
        return s;
      }),
      (t.prototype.splitcomplement = function () {
        var r = this.toHsl(),
          e = r.h;
        return [
          this,
          new t({ h: (e + 72) % 360, s: r.s, l: r.l }),
          new t({ h: (e + 216) % 360, s: r.s, l: r.l }),
        ];
      }),
      (t.prototype.onBackground = function (r) {
        var e = this.toRgb(),
          n = new t(r).toRgb(),
          a = e.a + n.a * (1 - e.a);
        return new t({
          r: (e.r * e.a + n.r * n.a * (1 - e.a)) / a,
          g: (e.g * e.a + n.g * n.a * (1 - e.a)) / a,
          b: (e.b * e.a + n.b * n.a * (1 - e.a)) / a,
          a,
        });
      }),
      (t.prototype.triad = function () {
        return this.polyad(3);
      }),
      (t.prototype.tetrad = function () {
        return this.polyad(4);
      }),
      (t.prototype.polyad = function (r) {
        for (
          var e = this.toHsl(), n = e.h, a = [this], i = 360 / r, s = 1;
          s < r;
          s++
        )
          a.push(new t({ h: (n + s * i) % 360, s: e.s, l: e.l }));
        return a;
      }),
      (t.prototype.equals = function (r) {
        return this.toRgbString() === new t(r).toRgbString();
      }),
      t
    );
  })();
  function x(t, r = 20) {
    return t.mix('#141414', r).toString();
  }
  function Zt(t) {
    const r = tt(),
      e = N('button');
    return o.computed(() => {
      let n = {},
        a = t.color;
      if (a) {
        const i = a.match(/var\((.*?)\)/);
        i &&
          (a = window
            .getComputedStyle(window.document.documentElement)
            .getPropertyValue(i[1]));
        const s = new Jt(a),
          f = t.dark ? s.tint(20).toString() : x(s, 20);
        if (t.plain)
          (n = e.cssVarBlock({
            'bg-color': t.dark ? x(s, 90) : s.tint(90).toString(),
            'text-color': a,
            'border-color': t.dark ? x(s, 50) : s.tint(50).toString(),
            'hover-text-color': `var(${e.cssVarName('color-white')})`,
            'hover-bg-color': a,
            'hover-border-color': a,
            'active-bg-color': f,
            'active-text-color': `var(${e.cssVarName('color-white')})`,
            'active-border-color': f,
          })),
            r.value &&
              ((n[e.cssVarBlockName('disabled-bg-color')] = t.dark
                ? x(s, 90)
                : s.tint(90).toString()),
              (n[e.cssVarBlockName('disabled-text-color')] = t.dark
                ? x(s, 50)
                : s.tint(50).toString()),
              (n[e.cssVarBlockName('disabled-border-color')] = t.dark
                ? x(s, 80)
                : s.tint(80).toString()));
        else {
          const u = t.dark ? x(s, 30) : s.tint(30).toString(),
            g = s.isDark()
              ? `var(${e.cssVarName('color-white')})`
              : `var(${e.cssVarName('color-black')})`;
          if (
            ((n = e.cssVarBlock({
              'bg-color': a,
              'text-color': g,
              'border-color': a,
              'hover-bg-color': u,
              'hover-text-color': g,
              'hover-border-color': u,
              'active-bg-color': f,
              'active-border-color': f,
            })),
            r.value)
          ) {
            const p = t.dark ? x(s, 50) : s.tint(50).toString();
            (n[e.cssVarBlockName('disabled-bg-color')] = p),
              (n[e.cssVarBlockName('disabled-text-color')] = t.dark
                ? 'rgba(255, 255, 255, 0.5)'
                : `var(${e.cssVarName('color-white')})`),
              (n[e.cssVarBlockName('disabled-border-color')] = p);
          }
        }
      }
      return n;
    });
  }
  const Yt = o.defineComponent({ name: 'ElButton' }),
    Qt = o.defineComponent({
      ...Yt,
      props: V,
      emits: Tt,
      setup(t, { expose: r, emit: e }) {
        const n = t,
          a = Zt(n),
          i = N('button'),
          {
            _ref: s,
            _size: f,
            _type: u,
            _disabled: g,
            _props: p,
            shouldAddSpace: v,
            handleClick: B,
          } = Pt(n, e),
          $ = o.computed(() => [
            i.b(),
            i.m(u.value),
            i.m(f.value),
            i.is('disabled', g.value),
            i.is('loading', n.loading),
            i.is('plain', n.plain),
            i.is('round', n.round),
            i.is('circle', n.circle),
            i.is('text', n.text),
            i.is('link', n.link),
            i.is('has-bg', n.bg),
          ]);
        return (
          r({ ref: s, size: f, type: u, disabled: g, shouldAddSpace: v }),
          (d, c) => (
            o.openBlock(),
            o.createBlock(
              o.resolveDynamicComponent(d.tag),
              o.mergeProps({ ref_key: '_ref', ref: s }, o.unref(p), {
                class: o.unref($),
                style: o.unref(a),
                onClick: o.unref(B),
              }),
              {
                default: o.withCtx(() => [
                  d.loading
                    ? (o.openBlock(),
                      o.createElementBlock(
                        o.Fragment,
                        { key: 0 },
                        [
                          d.$slots.loading
                            ? o.renderSlot(d.$slots, 'loading', { key: 0 })
                            : (o.openBlock(),
                              o.createBlock(
                                o.unref(Z),
                                {
                                  key: 1,
                                  class: o.normalizeClass(
                                    o.unref(i).is('loading'),
                                  ),
                                },
                                {
                                  default: o.withCtx(() => [
                                    (o.openBlock(),
                                    o.createBlock(
                                      o.resolveDynamicComponent(d.loadingIcon),
                                    )),
                                  ]),
                                  _: 1,
                                },
                                8,
                                ['class'],
                              )),
                        ],
                        64,
                      ))
                    : d.icon || d.$slots.icon
                      ? (o.openBlock(),
                        o.createBlock(
                          o.unref(Z),
                          { key: 1 },
                          {
                            default: o.withCtx(() => [
                              d.icon
                                ? (o.openBlock(),
                                  o.createBlock(
                                    o.resolveDynamicComponent(d.icon),
                                    { key: 0 },
                                  ))
                                : o.renderSlot(d.$slots, 'icon', { key: 1 }),
                            ]),
                            _: 3,
                          },
                        ))
                      : o.createCommentVNode('v-if', !0),
                  d.$slots.default
                    ? (o.openBlock(),
                      o.createElementBlock(
                        'span',
                        {
                          key: 2,
                          class: o.normalizeClass({
                            [o.unref(i).em('text', 'expand')]: o.unref(v),
                          }),
                        },
                        [o.renderSlot(d.$slots, 'default')],
                        2,
                      ))
                    : o.createCommentVNode('v-if', !0),
                ]),
                _: 3,
              },
              16,
              ['class', 'style', 'onClick'],
            )
          )
        );
      },
    });
  var Xt = P(Qt, [['__file', 'button.vue']]);
  const te = { size: V.size, type: V.type },
    ee = o.defineComponent({ name: 'ElButtonGroup' }),
    re = o.defineComponent({
      ...ee,
      props: te,
      setup(t) {
        const r = t;
        o.provide(
          et,
          o.reactive({ size: o.toRef(r, 'size'), type: o.toRef(r, 'type') }),
        );
        const e = N('button');
        return (n, a) => (
          o.openBlock(),
          o.createElementBlock(
            'div',
            { class: o.normalizeClass(o.unref(e).b('group')) },
            [o.renderSlot(n.$slots, 'default')],
            2,
          )
        );
      },
    });
  var st = P(re, [['__file', 'button-group.vue']]);
  const ne = J(Xt, { ButtonGroup: st });
  Bt(st);
  const E = o.defineComponent({
    name: 'TabButton',
    __name: 'index',
    setup(t) {
      return (r, e) => (
        o.openBlock(),
        o.createBlock(
          o.unref(ne),
          o.normalizeProps(o.guardReactiveProps(r.$attrs)),
          {
            default: o.withCtx(() => [
              (o.openBlock(!0),
              o.createElementBlock(
                o.Fragment,
                null,
                o.renderList(r.$slots, (n, a) =>
                  o.renderSlot(r.$slots, a, { key: n, index: n }),
                ),
                128,
              )),
            ]),
            _: 3,
          },
          16,
        )
      );
    },
  });
  return (
    (E.install = (t) => {
      t.component(E.name, E);
    }),
    E
  );
});
